<!-- Este es uno nuevo -->
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


<html>
 <head>
    <title>sudoctor.com</title>
<link rel="stylesheet" href="<c:url value='/css/pg-in/ta/bootstrap.min.css'/>">
    <link rel="stylesheet" href="<c:url value='/css/pg-in/ta/docs.css'/>">
    <link rel="stylesheet" href="<c:url value='/css/pg-in/ta/bootstrap-tagsinput.css'/>">
    <link rel="stylesheet" href="<c:url value='/css/pg-in/ta/app.css'/>">
    <link rel="stylesheet" href="<c:url value='/css/pg-in/ta/custom.css'/>">
    <link rel="stylesheet" href="<c:url value='/css/indx/indx.css'/>">

<script type="text/javascript" language="javascript" src="<c:url value='/js/lib/jquery-1.11.1.min.js'/>"></script>
<script src="<c:url value='/js/pg-in/ta/bootstrap.min.js'/>"></script>
<script src="<c:url value='/js/pg-in/ta/angular.min.js'/>"></script>
<script src="<c:url value='/js/pg-in/ta/bootstrap-tagsinput.js'/>"></script>
<script src="<c:url value='/js/pg-in/ta/bootstrap-tagsinput-angular.js'/>"></script>
<script src="<c:url value='/js/pg-in/ta/typeahead.js'/>"></script>
<script src="<c:url value='/js/pg-in/ta/hogan-2.0.0.js'/>"></script>
<script type="text/javascript" src="<c:url value='/js/indx/indx.js'/>"></script>


 </head>
 <body  style="position:static;">
	<div class="class-contenedor">
		<form:form id="formaSencilla" action="busquedaSencilla.html" method="GET" modelAttribute="busquedaSencillaForm">
		<form:hidden id="hiddenTipoServicio" path="tipoServicio"/>
		<div id="centrado">
		
			<div id="logo-sd" class="sprite logosudoctor">
				
			</div>
			<div id="logo-pbra" class="sprite sudoctor">
				
			</div>
			<div id="contenedor-bdor">
				<div id="contenedor-imagen-servicio" class="contenedor-comun sprite farmaciam" style="position:relative;display:inline-block;background-color:#94D9E9;">		
				</div>
				<div id="contenedor-texto-lugar" class="contenedor-comun"><form:input id="textLugares" path="lugar" placeholder="¿En dónde?" type="text"/></div>
				<div id="contenedor-texto-especialidad" class="contenedor-comun"><form:input id="textEspecialidad" path="especialidad"  placeholder="¿Qué especialidad?" type="text"/></div>
				<div id="contenedor-texto-nombre" class="contenedor-comun bootstrap-tagsinput"><form:input id="textDescripcion" path="descripcion" class="text-boxs" placeholder="Nombre (Opcional)" type="text"/></div>
			</div>
		
			<div style="text-align: center;margin-top:20px;">
				<input id="buscar" value="Buscar" type="submit"/>
			</div>
		</div>
		</form:form>
	</div>
	
		<div id="fondo-pantalla" style="display:none;">
		<div id="contenedorScreen">
			<div class="imagen-servicio imagen-doctor 6" id="doctorm">
				<div style="width:80px;margin-left:auto;margin-right:auto;margin-top:5px;">Doctores</div>
				<div class="sprite doctorg"></div>
				<div class="servicio-descripcion"> <p class="parrafo">Busca doctores, por su nombre y/o por especialidad. </p></div>
			</div>
			<div  class="imagen-servicio imagen-consultorio 3" id="consultoriom">
				<div style="width:220px;margin-left:auto;margin-right:auto;margin-top:5px;">Consultorios Particulares</div>
				<div class="sprite consultoriog"></div>
				<div class="servicio-descripcion" > <p class="parrafo">Busca pequeños consultorios ó locales, por medio de su nombre y/o especialidad.</p></div>
			</div>
			<div  class="imagen-servicio imagen-farmacia 5" id="farmaciam">
				<div style="width:95px;margin-left:auto;margin-right:auto;margin-top:5px;">Farmacias</div>
				<div class="sprite farmaciag"></div>
				
				<div class="servicio-descripcion"> <p class="parrafo">Busca cualquier farmacia.</p></div>
			</div>
			<div  class="imagen-servicio imagen-laboratorio 4" id="laboratoriom">
				<div style="width:115px;margin-left:auto;margin-right:auto;margin-top:5px;">Laboratorios</div>
				<div class="sprite laboratoriog"></div>
				
				<div class="servicio-descripcion" ><p class="parrafo">Busca cualquier Laboratorio. </p></div>
			</div>
			<div  class="imagen-servicio imagen-hospital 10" id="hospital-clinicam">
				<div style="width:170px;margin-left:auto;margin-right:auto;margin-top:5px;">Hospitales/Clínicas</div>
				<div class="sprite hospitalg"></div>
				
				<div class="servicio-descripcion" ><p class="parrafo">Busca medianos y grandes Hospitales ó Clínicas públicos o privados. </p></div>
			</div>

			
		</div>
		
	</div>
	
 </body>
</html>